<#import "macro/macro.ftl" as macro>
<@macro.pageRender.pageRender head={"title":"服务项目","pageFlag":"services"}>
    <@macro.component.tag.blank divisor=2/>
    <#-- menu BEGIN -->
    <#assign menuItems=[
        {"label":"核心项目"},{"label":"活动策划"},{"label":"会务论坛"},{"label":"地产营销"},
        {"label":"平面设计"},{"label":"礼仪庆典"},{"label":"演艺经纪"},{"label":"影视制作"}
        <#--{"label":"展览展示"}-->
    ]/>
    <@macro.component.menuRender items=menuItems class="J_tabHandler"/>
    <#-- menu END -->

    <div class="main_r services">
        <#assign imgUrl="temp/service/"/>
        <#assign metroImgMap={
            "1":imgUrl+"1.jpg","2":imgUrl+"2.jpg","3":imgUrl+"3.jpg","4":imgUrl+"4.jpg",
            "5":imgUrl+"5.jpg","6":imgUrl+"6.jpg","7":imgUrl+"7.jpg","8":imgUrl+"8.jpg"
        }/>

        <#assign metroItem1={"class":"m_i_1","metro":{"label":"公关接待","img":metroImgMap["1"]}}/>
        <#assign metroItem2={"class":"m_i_2 item_x item_y","metro":{"label":"企业年会","img":metroImgMap["2"],"imgClass":"item_x item_y"},"row":"2", "colum":"2"}/>
        <#assign metroItem3={"class":"m_i_3","metro":{"label":"签约发布","img":metroImgMap["3"]}}/>
        <#assign metroItem4={"class":"m_i_4","metro":{"label":"灯光音响","img":metroImgMap["4"]}}/>
        <#assign metroItem5={"class":"m_i_5 item_y","metro":{"label":"媒体发布","img":metroImgMap["5"],"imgClass":"item_y"},"row":"2"}/>
        <#assign metroItem6={"class":"m_i_6","metro":{"label":"乔迁仪式","img":metroImgMap["6"]}}/>
        <#assign metroItem7={"class":"m_i_7","metro":{"label":"开业庆典","img":metroImgMap["7"]}}/>
        <#assign metroItem8={"class":"m_i_8","metro":{"label":"促销路演","img":metroImgMap["8"]}}/>

        <#-- 主要项目 BEGIN -->
        <#assign metroItems=[
            [metroItem1,metroItem2],[metroItem4],[metroItem6,metroItem7,metroItem8]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_main" class="J_tabPane"/>
        <#-- 主要项目 END -->

        <#-- 活动策划 BEGIN -->
        <#assign metroItems=[
            [metroItem2,metroItem6],
            [metroItem5+{"metro":{"label":"奠基仪式","img":metroImgMap["5"],"imgClass":"item_y"}}],
            [
                metroItem1+{"metro":{"label":"婚礼寿筵","img":metroImgMap["1"]}},
                metroItem7+{"metro":{"label":"合龙仪式","img":metroImgMap["7"]}}
            ]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_hdch" class="J_tabPane dn"/>
        <#-- 活动策划 END -->

        <#-- 会务论坛 BEGIN -->
        <#assign metroItems=[
            [
                {"class":"m_i_3 item_x item_yy","metro":{"label":"签约发布","img":metroImgMap["3"],"imgClass":"item_x item_yy"},"row":"3", "colum":"2"},
                metroItem1
            ],
            [metroItem5]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_hwlt" class="J_tabPane dn"/>
        <#-- 会务论坛 END -->

        <#-- 地产营销 BEGIN -->
        <#assign metroItems=[
            [
                metroItem1+{"metro":{"label":"营销中心开放","img":metroImgMap["1"]}},
                metroItem2+{"metro":{"label":"楼盘开放日","img":metroImgMap["2"],"imgClass":"item_x item_y"}}
            ],
            [metroItem3+{"metro":{"label":"品鉴会","img":metroImgMap["3"]}}],
            [
                metroItem6+{"metro":{"label":"媒体接待日","img":metroImgMap["6"]}},
                metroItem7+{"metro":{"label":"节庆暖场","img":metroImgMap["7"]}},
                metroItem8+{"metro":{"label":"公众接待日","img":metroImgMap["8"]}}
            ]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_dcyx" class="J_tabPane dn"/>
        <#-- 地产营销 END -->

        <#-- 平面设计 BEGIN -->
        <#assign metroItems=[
            [
                metroItem1+{"metro":{"label":"VI设计","img":metroImgMap["3"]}},
                {"class":"m_i_3 item_x item_yy","metro":{"label":"产品包装设计","img":metroImgMap["3"],"imgClass":"item_x item_yy"},"row":"3", "colum":"2"}
            ],
            [metroItem7+{"metro":{"label":"POP广告设计","img":metroImgMap["7"]}}],
            [metroItem8+{"metro":{"label":"DM广告设计","img":metroImgMap["8"]}}]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_pmsj" class="J_tabPane dn"/>
        <#-- 平面设计 END -->

        <#-- 礼仪庆典 BEGIN -->
        <#assign metroItems=[
            [
                metroItem2+{"metro":{"label":"灯光音响","img":metroImgMap["4"],"imgClass":"item_x item_y"}},
                metroItem6+{"metro":{"label":"花艺","img":metroImgMap["6"]}}],
            [metroItem5+{"metro":{"label":"模仿秀","img":metroImgMap["5"],"imgClass":"item_y"}}],
            [
                metroItem1+{"metro":{"label":"讲台","img":metroImgMap["1"]}},
                metroItem7+{"metro":{"label":"大型帐篷","img":metroImgMap["7"]}}
            ]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_lyqd" class="J_tabPane dn"/>
        <#-- 礼仪庆典 END -->

        <#-- 演艺经纪 BEGIN -->
        <#assign metroItems=[
            [
                {"class":"m_i_5 item_x item_yy","metro":{"label":"舞龙狮","img":metroImgMap["3"],"imgClass":"item_x item_yy"},"row":"3", "colum":"2"},
                metroItem1+{"metro":{"label":"魔术","img":metroImgMap["3"]}}
            ],
            [metroItem7+{"metro":{"label":"明星类","img":metroImgMap["7"]}}],
            [metroItem8+{"metro":{"label":"军乐队","img":metroImgMap["8"]}}]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_jjyy" class="J_tabPane dn"/>
        <#-- 演艺经纪 END -->

        <#-- 影视制作 BEGIN -->
        <#assign metroItems=[
            [{"class":"m_i_3 item_xx item_y","metro":{"label":"企业宣传片","img":metroImgMap["3"],"imgClass":"item_xx item_y"},"row":"2", "colum":"3"}],
            [],
            [
                metroItem8+{"metro":{"label":"广告形象片","img":metroImgMap["8"]}},
                metroItem1+{"metro":{"label":"3D视频制作","img":metroImgMap["3"]}},
                metroItem7+{"metro":{"label":"3D全息投影","img":metroImgMap["7"]}}
            ]
        ]/>
        <@macro.component.metroRender items=metroItems id="J_metro_service_yszz" class="J_tabPane dn"/>
        <#-- 影视制作 END -->
    </div>
</@macro.pageRender.pageRender>